<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">

#a1 {
	background-color:rgb(157,211,250);
	height: 100vh;
	width: 100vw;
}
#a2 {
	height: 20VH;
	width: 80VW;
	background-color: #09F;
	line-height: 20vh;
	text-align: center;
	margin-left:120px;
	margin-right:100px;
	padding-left:0px;
	padding-right:0px;
}
#a3 {
	height: 5vh;
	width: 80vw;
	background-color: #33C;
	line-height: 5vh;
	text-align: center;
	margin-top:-30px;
	margin-left:120px;
	margin-right:100px;
}


table {
	margin-left:120px;
	background-color:rgb(250,255,235);
}

font>ul>li:hover  {
	  animation: menu2 0.3s ease-in-out forwards;
  animation-delay: 0s;
}
div>span{	
	width:7em;
	height:4em;
	
	font-family:"宋体";
	font-size:100px;
	background-color:rgb(255,255,255);
	text-align:center;
	line-height:center;
	margin-left:1em;
	font-size:18px;
	border:#06F solid 1px;
	position:absolute;
	top:100px;
	left:10px;
	opacity:0.4;
	animation: a 20s linear 0.4s infinite;
	animation-fill-mode:forwords;
	}
	@keyframes a{0%{transform:translate(0px,0px)}
	25%{ transform:translate(1158px,585px)}
	50%{ transform:translate(0px,585px)}
	75%{ transform:translate(1158px,0px)}
	100%{transform:translate(0px,0px)}
	}

@keyframes menu2 {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }zX
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


</style>
<link href="yangshibiao.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="a1">
<div id="a2"><img src="IMG_20180608_191022.jpg" style="width:100%;height:96%;"></div>
<div id="a3"><nav><font color="#fffff">
<ul>
  <li>教案
      <ul>
         <li>教学管理</li>
         <li>专业介绍</li>
         
      </ul>
  </li>
  <li>教学大纲
      <ul>
         <li>协同创新</li>
     
      </ul>
  </li>
  <li>课件
      <ul>
         <li>课件1</li>
         <li>课件2</li>
         <li>课件3</li>
         <li>课件4</li>
         <li>课件5</li>
         <li>课件6</li>
         <li><a target="k7" href="课件/课件7.html">课件7</a></li>
         <li>课件8</li>
         <li>课件9</li>
         <li>课件10</li>
         <li>课件11</li>
         <li>课件12</li>
         <li><a target="k7" href="课件/课件13.html">课件13</a></li>
         <li>课件14</li>
         <li>课件15</li>
        
      </ul>
  </li>
  <li>实验要求
      <ul>
         <li>实验1</li>
         <li>实验2</li>
         <li>实验3</li>
         <li>实验4</li>
         <li>实验5</li>
         <li>实验6</li>
         <li><a target="k7" href="实验要求/实验7 表单.htm">实验7</a></li>
         <li>实验8</li>
         <li>实验9</li>
         <li>实验10</li>
         <li>实验11</li>
         <li>实验12</li>
         <li><a target="k7"  href="实验要求/实验13 下拉菜单.htm">实验13</a></li>
         <li>实验14</li>
         <li>实验15</li>
         
        
         
      </ul>
  </li>
  <li>实验结果
      <ul>
         <li>实频方向</li>
         <li><a target="k7" href="视频/第13节课 css布局2.mp4">实验视频</a></li>
        
      </ul>
  </li>
  
</ul>
</ul>
</font>
</nav> </div>
<table width="1102" border="1">
  <tr>
  
   
  
       <td width="1000"><iframe src="课程介绍.htm" name="k7" width="1090" height="550"> </iframe></td>
  </tr>
</table>
<div><span id="s">第17-18节课完成期末作业</span></div>

</body>
</html>
